<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Home</title>

    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/unicons.css">
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/index.css">



</head>

<body>

<!------------------------------------------------------- 页眉 ------------------------------------------------------->
    <div class="header">
        <!-- 当前用户登录状态 -->
        <div class="userinfo" style="color: aliceblue; font-size: 18px;">
            当前登录用户：无
            <!-- 点击退出登录 -->
            <button class="exit">
                点击退出登录
            </button>
        </div>

        <!-- 头像 -->
        <div class="login_success">
            <div class="avatar"></div>
            <a href="javascript:;" class="login_success_username">空空如也</a>
        </div>
        <!-- 管理 -->
        <div class="identity">
            <a href="javascript:;" class="register iden"   >  注册  </a>
            <a href="javascript:;" class="login iden"      >  登录  </a>

            <!-- 登册 -->
            <div class="login_and_register">
                <div class="logins">
                    <p class="l_close">X</p>
                    <p class="card_title">登录</p>
                    <div class="username_msg">
                        <input type="text"  class="form_style" placeholder="手机号" id="login_username">
                        <i class="input-icon uil uil-at"></i>
                    </div>
                    <div class="password_msg">
                        <input type="password" class="form_style" placeholder="密码" id="login_password">
                        <i class="input-icon uil uil-lock-alt"></i>
                    </div>
                    <a href="javascript:;" class="login_a" >登录      </a>
                    <p class="login_condition"> </p>
                    <a href="javascript:;" class="link register_link"    >注册      </a>
                    <a href="javascript:;" class="link"    >忘记密码?  </a>
                </div>
                <div class="registers">
                    <p class="r_close">X</p>
                    <p class="card_title">注册</p>
                    <div class="username_msg">
                        <input type="text" class="form_style" placeholder="手机号" id="register_username">
                        <i class="input-icon uil uil-user"></i>
                    </div>
                    <div class="password_msg">
                        <input type="password"  class="form_style" placeholder="设置密码" id="register_password">
                        <i class="input-icon uil uil-at"></i>
                    </div>
                    <div class="repassword_msg">
                        <input type="password" class="form_style" placeholder="验证码" id="register_code">
                        <i class="input-icon uil uil-lock-alt"></i>
                    </div>

                    <a href="javascript:;" class="register_a" display="none">注册</a>
                    <p class="register_condition"></p>
                </div>
            </div>
        </div>
    </div>

<!------------------------------------------------------- 页体 ------------------------------------------------------->
    <div class="draw">
        <div class="box-lottery">
            <div class="lottery-wrap" style="transform: rotate(-45deg);">
                <span class="lottery-span1" data-id="1">
                    <i>京东卡<br>10元</i><img src="/img/lottery_01.png">
                </span>
                <span class="lottery-span2" data-id="2">
                    <i>京东卡<br>20元</i><img src="/img/lottery_02.png">
                </span>
                <span class="lottery-span3" data-id="3">
                    <i>京东卡<br>50元</i><img src="/img/lottery_03.png">
                </span>
                <span class="lottery-span4" data-id="4">
                    <i>京东卡<br>100元</i><img src="/img/lottery_04.png">
                </span>
                <span class="lottery-span5" data-id="5">
                    <i>谢谢参与</i><img src="/img/lottery_05.png">
                </span>
                <span class="lottery-span6" data-id="6">
                    <i>京东卡<br>200元</i><img src="/img/lottery_06.png">
                </span>
                <span class="lottery-span7" data-id="7">
                    <i>京东卡<br>500元</i><img src="/img/lottery_07.png">
                </span>
                <span class="lottery-span8" data-id="8">
                    <i>iQOO Pro<br>手机</i><img src="/img/lottery_08.png">
                </span>
            </div>
            <a class="lottery-btn" href="javascript:void(0);"><i></i>立即抽奖</a>
        </div>
    </div>

    <div class="container_list">
        <h1>抽奖获奖名单</h1>
        <ul class="list" style="list-style: none; color: rgb(245, 22, 22);">
        </ul>
    </div>

<!------------------------------------------------------- 引入 ------------------------------------------------------->

    <script src="/js/jquery-3-5-1.js"></script>
    <script src="/js/axios.js"></script>
    <script src="/js/anime.min.js"></script>
    <script src="/js/lottery.js"></script>
    <script src="/js/index.js"></script>

</body>
</html>